簡介:本課程將帶領(lǐng)您踏上一段充滿挑戰(zhàn)與機(jī)遇的旅程,深入探索前端工程師的職業(yè)技能提升之路。我們將一同探索前端工程化、服務(wù)端開發(fā)與容器化的新領(lǐng)域,學(xué)習(xí)并掌握前端框架及開發(fā)技巧。同時(shí),您也將理解并運(yùn)用版本控制和自動(dòng)化DevOps,提升工作效率,賦能自身。在這里,每一步的學(xué)習(xí)都將是一次躍升,每一次的挑戰(zhàn)都將是一次機(jī)遇。讓我們一起啟航,探索前端的無限可能,迎接美好的未來。
《高級(jí)前端工程師》體系課:
全新打造“技術(shù)成長&職業(yè)破局”雙高體系,深度打通“全棧 + 全流程 +多端+ 提效+AI賦能” ,遞進(jìn)式錘煉思維與高階技能,高效實(shí)現(xiàn)能力躍遷助力成為“駕馭全局,深廣兼?zhèn)?,打通多端全?rdquo;的高級(jí)工程師。
第1章 職業(yè)線路與技能提升
探討前端工程師的職業(yè)發(fā)展路線,包括如何面對(duì)行業(yè)與職場(chǎng)的雙重沖擊,如何精通JavaScript,以及如何理解前端工程師的架構(gòu)學(xué)習(xí)路線。深入探討大型項(xiàng)目架構(gòu)設(shè)計(jì)的演進(jìn),找準(zhǔn)前端的核心競(jìng)爭力,以及高級(jí)前端的進(jìn)階路徑。
- 視頻: 1-1 職業(yè)線路:面對(duì)行業(yè)與職場(chǎng)雙重沖擊,應(yīng)該如何發(fā)展? (21:00)
- 視頻: 1-2 JS 精通能力:前端技術(shù)進(jìn)化史,深入JavaScript (08:49)
- 視頻: 1-3 架構(gòu)能力:前端工程師的架構(gòu)學(xué)習(xí)路線&ChatGPT設(shè)計(jì)案例 (11:27)
- 視頻: 1-4 大型項(xiàng)目架構(gòu)設(shè)計(jì):從單體到云架構(gòu)的演進(jìn) (07:50)
- 視頻: 1-5 技術(shù)瓶頸:找準(zhǔn)前端的核心競(jìng)爭力 (09:49)
- 視頻: 1-6 實(shí)戰(zhàn)瓶頸:高級(jí)前端進(jìn)階路徑N種方式 (12:57)
第2章 項(xiàng)目全流程與技術(shù)選型
本章節(jié)將全面解析前端的開發(fā)工作流程,包括項(xiàng)目的技術(shù)需求分析,復(fù)雜業(yè)務(wù)中的全局思維,以及技術(shù)方案評(píng)估點(diǎn)。我們將教你如何進(jìn)行功能拆分,確定核心業(yè)務(wù),以及如何更新和維護(hù)技術(shù)棧。
- 視頻: 2-1 全流程能力:前端相關(guān)開發(fā)工作流,不同項(xiàng)目的應(yīng)對(duì)方案 (17:29)
- 視頻: 2-2 項(xiàng)目技術(shù)需求分析:明確技術(shù)需求與約束條件 (15:51)
- 視頻: 2-3 復(fù)雜業(yè)務(wù)中的全局思維:技術(shù)選型長遠(yuǎn)計(jì)劃 (20:27)
- 視頻: 2-4 折中的藝術(shù):技術(shù)方案評(píng)估中需要注意的點(diǎn) (07:51)
- 視頻: 2-5 功能拆分的技巧:確定核心業(yè)務(wù) (08:14)
- 視頻: 2-6 工作流:技術(shù)棧更新與維護(hù)方案 (17:03)
第3章 前端框架及開發(fā)技巧
在本章節(jié)中,我們將介紹AI編程,分享Codeium寫代碼和Console調(diào)試的技巧。深入介紹前端UI庫,包括跨端、移動(dòng)端和大屏方案。此外,我們還會(huì)教授前端web項(xiàng)目的調(diào)試思路,如何尋找合適的前端技術(shù)方案,以及Vue與React的選擇。
- 視頻: 3-1 AI編程:爽的飛起,Codeium寫代碼&Console調(diào)試技巧分享 (15:06)
- 視頻: 3-2 前端UI庫:跨端&移動(dòng)端&大屏方案介紹 (20:31)
- 視頻: 3-3 開發(fā)調(diào)試技巧:前端web項(xiàng)目調(diào)試思路 (10:51)
- 視頻: 3-4 如何尋找合適的前端技術(shù)方案:package.json大有學(xué)問 (09:17)
- 視頻: 3-5 大話技術(shù)棧選型:Vue與React如何選擇? (11:53)
- 視頻: 3-6 前端開發(fā)必備:Mock接口能力及接口測(cè)試工具 (10:01)
第4章 工程化與版本控制
本章將帶你了解自動(dòng)化與工程化的技術(shù)路徑,包括如何選擇和使用工具,如何對(duì)比和應(yīng)用主流的技術(shù)方案。我們還將介紹git的環(huán)境準(zhǔn)備和學(xué)習(xí)資源,以及分支管理的最佳實(shí)踐和常見命令。
第5章 服務(wù)端開發(fā)與容器化
本章節(jié)將帶領(lǐng)你深入理解服務(wù)端渲染SSR,包括它與CSR、SSG的對(duì)比,以及SSR的工作原理。我們還將介紹如何下載和安裝OS鏡像,以及Node.js在服務(wù)端的優(yōu)勢(shì)。
第6章 自動(dòng)化與DevOps
最后章節(jié)中,我們將探討自動(dòng)化的概念和意義,以及DevOps的案例、工具和流程設(shè)計(jì)。我們還將配合DevOps回顧開發(fā)工作流,幫助你更好地理解和應(yīng)用自動(dòng)化和DevOps。
第7章 全面了解《前端高級(jí)工程師》體系課
體系課程,從老師、課程內(nèi)容、項(xiàng)目介紹、教學(xué)設(shè)計(jì)、用戶群體等多維度進(jìn)行介紹,讓大家快速了解《前端高級(jí)工程師》體系課程。
解鎖即可觀看《前端高級(jí)工程師(大前端)》完整課程視頻
前端高級(jí)工程師(大前端)
全新打造“技術(shù)成長與職業(yè)破局”雙高體系,深度打通“全棧 + 全流程 +多端+ 提效+AI賦能”
【第1周】前端高級(jí)工程師成長心經(jīng)
【第2周】大型復(fù)雜項(xiàng)目需求分析及整體架構(gòu)設(shè)計(jì)
【第3周】需求分析能力:與產(chǎn)品、后端溝通,設(shè)計(jì)工具
【第4周】玩轉(zhuǎn)Node.js:前端開發(fā)&調(diào)試雙擊破
【第5周 上篇】Vue3項(xiàng)目框架搭建及響應(yīng)式開發(fā)方案
【第5周 下篇】首頁開發(fā)、Mock接口及前端測(cè)試技巧
【第6周 上篇】服務(wù)端渲染原理與Linux/Docker
【第6周 下篇】服務(wù)端開發(fā):走向全棧Nodejs與數(shù)據(jù)庫
【第7周】深入Git 高效代碼管理與團(tuán)隊(duì)協(xié)作
【第8周】前端開發(fā)利器:Mock接口及接口測(cè)試工具
【第9周】前端工程化:Webpack&Vite構(gòu)建
【第10周】CICD持續(xù)集成和部署及云構(gòu)建工具
【第11周】設(shè)計(jì)通用管理后臺(tái)組件庫:初始化模板+組件
【第12周】通用管理后臺(tái)組件庫:業(yè)務(wù)組件&頁面開發(fā)
【第13周】管理后臺(tái):功能性組件&可視化圖表與地圖
【第14周】組件庫工程化:自動(dòng)構(gòu)建部署與測(cè)試
【第15周】桌面端應(yīng)用:豐富組件庫應(yīng)用場(chǎng)景
【第16周】工程化必備:開發(fā)腳手架項(xiàng)目
【第17周】進(jìn)階自動(dòng)化能力:云構(gòu)建+云部署能力擴(kuò)展
【第18周】融合CLI+DevOps,封裝桌面端應(yīng)用
【第19周】Vue組件庫開發(fā)知識(shí)付費(fèi)項(xiàng)目核心頁面
【第20周】動(dòng)態(tài)表單+表格:知識(shí)付費(fèi)項(xiàng)目用戶管理開發(fā)
【第21周】復(fù)雜交互場(chǎng)景自定義:項(xiàng)目內(nèi)容管理開發(fā)
【第22周】大型權(quán)限系統(tǒng)設(shè)計(jì):多租戶權(quán)限數(shù)據(jù)庫設(shè)計(jì)
【第23周】登錄認(rèn)證+權(quán)限管理
【第24周】內(nèi)容+學(xué)習(xí)+用戶+交易核心業(yè)務(wù)服務(wù)開發(fā)
【第25周】Nestjs服務(wù)端部署、測(cè)試及CICD
【第26周】深入WebSocket
【第27周】架構(gòu)入門:前后端的微服務(wù)
【第28周】架構(gòu)實(shí)踐:nestjs框架微服務(wù)技術(shù)
【第29周】架構(gòu)進(jìn)階:微服務(wù)架構(gòu)重構(gòu)服務(wù)端項(xiàng)目
【第30周】架構(gòu)運(yùn)維實(shí)踐:Docker+k8s
【第31周】uniapp+unicloud云開發(fā)
【第32周】小程序uni-admin云后臺(tái)應(yīng)用
【第33周】創(chuàng)建頁面路由,小程序項(xiàng)目核心頁面開發(fā)
【第34周】小程序項(xiàng)目接口對(duì)接與測(cè)試
【第35周】小程序支付專題
【第36周】React源碼解析&生態(tài)核心技術(shù)方案
【第37周】React組件庫設(shè)計(jì):提升工程化+組件化
【第38周】React組件測(cè)試及性能優(yōu)化
【第39周】Vue3源碼解讀
【第40周】職業(yè)發(fā)展指導(dǎo)與AI在職場(chǎng)中應(yīng)用
【加餐&新課體驗(yàn)周AI加餐福利&新課體驗(yàn)】AI加餐福利&新課體驗(yàn)